<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>体验详情</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/experience.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
	</head>

	<body>
		<div class="header">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
     					 </button>
					</div>
					<div class="collapse navbar-collapse yl-nav" id="bs-example-navbar-collapse-1">
						<div class="fl m-l130 logo">
							<a href="index.html"><img src="img/logo.gif" /></a>
						</div>
						<ul class="nav navbar-nav fr m-r115">
							<li>
								<a href="index.html">首页</a>
								<span></span>
							</li>
							<li>
								<a href="development.html">关于我们</a>
								<i class="fa fa-caret-down"></i>
								<span></span>
								<div class="phone-list">
									<ul>
										<li>
											<a href="#">集团简介</a>
										</li>
										<li>
											<a href="organization.html">组织架构</a>
										</li>
										<li>
											<a href="#">合作共赢</a>
										</li>
										<li>
											<a href="development.html">发展历程</a>
										</li>
										<li>
											<a href="#">品牌文化</a>
										</li>
									</ul>
								</div>
							</li>
							<li>
								<a href="newsinfo.html">新闻资讯</a>
								<span></span>
							</li>
							<li>
								<a href="core.html">体验中心</a>
								<span></span>
							</li>
							<li>
								<a href="aviation.html">业务领域</a>
								<span></span>
							</li>
							<li>
								<a href="personnel.html">人才招聘</a>
								<span></span>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--hover-->
			<div class="header-hover">
				<ul>
					<li>
						<div class="hover-left">
							<dl>
								<dt>北京正中科技发展股份有限公司</dt>
								<dd>于2018年正式挂牌成立，作为航空科技体验项目运作的平台，</dd>
								<dd>将在全国主要城市建设航空文化和模拟飞行体验中心。</dd>
							</dl>
							<ul>
								<div class="icon"><i class="fa fa-qq"></i></div>
								<div class="icon"><i class="fa fa-weixin"></i></div>
								<div class="icon"><i class="fa fa-weibo"></i></div>
							</ul>
						</div>
						<div class="hover-right">
						<ul>
							<a href="#">
								<div class="hover-img"><img src="img/01-集团简介.jpg" /><span>集团简介</span></div>
							</a>
							<a href="organization.html">
								<div class="hover-img"><img src="img/05-组织架构.jpg" /><span>组织架构</span></div>
							</a>
							<a href="#">
								<div class="hover-img"><img src="img/04-合作共赢.jpg" /><span>合作共赢</span></div>
							</a>
							<a href="development.html">
								<div class="hover-img"><img src="img/03-发展历程.jpg" /><span>发展历程</span></div>
							</a>
							<a href="#">
								<div class="hover-img"><img src="img/02-品牌文化.jpg" /><span>品牌文化</span></div>
							</a>

						</ul>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<!--adv-->
		<div class="container-fluid adv">
			<img src="img/experience.jpg" />
		</div>
		<!--experience-->
		<div class="experience-core">
			<div class="container">
				<div class="row">
					<div class="col-md-2 experience-title">
						<p>体验中心</p>
						<span>广州&nbsp;-&nbsp;佛山</span>
					</div>
					<div class="col-md-9 col-md-offset-1 experience-introduce">
						<span>此体验中心简介说明 —— 打造“航空文化”、“航空科技”和“飞行体验”三位一体的品牌形象。<br />
哈萨克斯坦国防部和航天工业部联合主办的第5届坦防务展在阿斯塔纳开幕，本届防务展包括中国航空工业旗下中航技在内的7家军贸公司共同参展。</span>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="experience-banner">
			<div class="">
				<ul class="row experience-btitles">
					<li class=" experience-btitle btitle-active">
						<span>现场摄影</span>
					</li>
					<li class="experience-btitle">
						<span>中心介绍</span>
					</li>
					<li class="experience-btitle">
						<span>现场视频</span>
					</li>
					<li class="experience-btitle">
						<span>场馆信息</span>
					</li>
				</ul>
				<div class="swiper-container" id="e-swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="e-swiper">
								<img src="img/de_03.jpg" />
							</div>
						</div>
						<div class="swiper-slide">
							<div class="e-swiper">
								<img src="img/de_03.jpg" />
							</div>
						</div>
						<div class="swiper-slide">
							<div class="e-swiper">
								<img src="img/de_03.jpg" />
							</div>
						</div>
						<div class="swiper-slide">
							<div class="e-swiper">
								<img src="img/de_03.jpg" />
							</div>
						</div>
					</div>
					<!-- 如果需要导航按钮 -->
					<div class="b-left"></div>
					<div class="b-right"></div>
				</div>

			</div>
		</div>
		</div>
		<div class="container experience-int">
			<div class=" int-title">
				<p>中心介绍 / <i class="el-ff">VENUE PROFILES</i></p>
				<span>介绍小点标题一</span>
			</div>
			<div class="int-text">
				这个项目将以飞行科技为依托、飞行文化为主线，打造中国首家以飞行模拟仿真体验、青少年航空科普培训、青少年国防教育、模拟飞行执照培训及考核、无人机操作手培训及考核项目的推广、投资、建设、运营公司。还将采用最新的科技互动展示手段，让游客能有全新的观感体验。在航空科技主题娱乐体验区，游客可以体验到由航空科技成果转化而来的娱乐体验项目。通过全景投影覆盖的区域，进入到飞行世界的高科技空间<br /><br /> 这个项目绝不仅仅是一个游乐场，还是一个产业平台。
				<br /><br /> 今后，这个区域将重点孵化科技设备研发、互动游戏开发、航空影视与动画制作、航空创意工厂和衍生品开发等领域的创业项目。其中，互动优势开发将采用虚拟现实技术（VR）、增强现实技术（AR）、跨平台线上线下互动技术，结合经典航空故事、航空元素，开发航空题材游戏，为玩家提供逼真的航空体验场景，感受到身临其境飞行乐趣。“我们会为研究这些领域的团队提供支持，让他们有机会把爱好变为商业上的成功。”
				<br /><br /> 这也是一个军民融合项目，我们希望培养更多航空航天的粉丝。航空航天领域有大量的科技成果能够转化为娱乐项目，中航工业希望通过这个融合了航空科技娱乐、航空创意文化、航空竞技赛事等多业务的航空生态圈，以娱乐性、创意性、科技性的产品和寓教于乐的方式，培育航空粉丝市场、发掘航空后续人才，持续推动航空科技的创新与研发。
				<br /><br /> 飞行世界分为六大板块，总投资XX亿，占地60亩。20XX年建成后，预计年游客量将达到500万。该项目的投资额媲美国际游乐场，他对项目运营前景感到乐观，他估计五到八年时间就能收回投资。
			</div>
		</div>
		<div class="container experience-int">
			<div class=" int-title">
				<p>中心介绍 / <i class="el-ff">VENUE PROFILES</i></p>
				<span>介绍小点标题一</span>
			</div>
			<div class="int-text">
				这个项目将以飞行科技为依托、飞行文化为主线，打造中国首家以飞行模拟仿真体验、青少年航空科普培训、青少年国防教育、模拟飞行执照培训及考核、无人机操作手培训及考核项目的推广、投资、建设、运营公司。还将采用最新的科技互动展示手段，让游客能有全新的观感体验。在航空科技主题娱乐体验区，游客可以体验到由航空科技成果转化而来的娱乐体验项目。通过全景投影覆盖的区域，进入到飞行世界的高科技空间<br /><br />发展战略：本公司始终坚持“人文、技术、学习”的企业核心价值观，始终坚持以市场为导向，科技为支撑，以诚实守信为根本准则，发扬“追求卓越、创造完美”的企业精神，秉承“以人为本，永续经营”的经营理念，坚持“团结和谐、共同发展”的人才战略，通过提高生产研发技术水平、完善管理体系形成成本领先的战略优势；通过清晰的产品市场定位、稳定的营销渠道、独特高效的销售管理体系构筑差异化竞争优势。
			</div>
		</div>
		<div class="container experience-int" id="e-video">
			<div class=" int-title">
				<p>现场视频 / <i class="el-ff">VIDEO LIST</i></p>
			</div>
			<div class="int-video">
				<ul>
					<li class="yl-video"><img src="img/index3.jpg" /></li>
					<li class="yl-video"><img src="img/index4.jpg" /></li>
					<li class="yl-video"><img src="img/index5.jpg" /></li>
					<li class="yl-video"><img src="img/dlop1.jpg" /></li>
					<li class="yl-video"><img src="img/dlop4.jpg" /></li>
					<li class="yl-video"><img src="img/dlop2.jpg" /></li>
					<li class="yl-video"><img src="img/dlop.jpg" /></li>

				</ul>
			</div>
		</div>
		<div class="container experience-int" id="e-field">
			<div class=" int-title">
				<p>场馆信息 / <i class="el-ff">INFORMATION</i></p>
			</div>
			<div class="int-address">
				<ul>
					<li>
						<p>所在地区 / <i class="el-ff">REGION</i></p>
						<span>广东省 — 佛山市</span>
					</li>
					<li>
						<p>详细地址 / <i class="el-ff">ADDRESS</i></p>
						<span>沙河镇北二村131号万家创业园C区5号楼</span>
					</li>
					<li>
						<p>联系电话 / <i class="el-ff">PHONE NUMBER</i></p>
						<span>+86 18610861152</span>
					</li>
					<li>
						<p>联系邮箱 / <i class="el-ff">EMAIL</i></p>
						<span>lembow@vip.qq.com</span>
					</li>
					<li>
						<p>场馆状态 / <i class="el-ff">VUNUE STATUS</i></p>
						<span>当前建设中</span>
					</li>
					<li>
						<p>运营时间 / <i class="el-ff">OPERATING TIME</i></p>
						<span>2017 - 2019</span>
					</li>
					<li>
						<p>占地面积 / <i class="el-ff">AREA SIZE</i></p>
						<span>18.335 m²</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="container-fluid intonews" id="returnTop">
			<i></i>
			<span>返回网站顶部 / <span class="el-ff">RETURN TOP</span></span>
		</div>
		<!--bottom-->
		<div class="container">
			<div class="bz-bottom">
				<ul>
					<li>
						<div class="bottom-img">
							<img src="img/06.png"/>
						</div>
						<div class="b-text">
							<p>ADD</p>
							<p>北京市昌平区沙河镇北二村131号万家创业园C区5号楼5609室</p>
						</div>
					</li>
					<li>
						<div class="bottom-img">
							<img src="img/07.png"/>
						</div>
						<div class="b-text">
							<p>TEL</p>
							<p>18610861152</p>
						</div>
					</li>
					<li>
						<div class="bottom-img">
							<img src="img/08.png"/>
						</div>
						<div class="b-text">
							<p>EMAIL</p>
							<p>embow@vip.qq.com</p>
						</div>
					</li>
						<li>
						<div class="bottom-img">
							<img src="img/09.png"/>
						</div>
						<div class="b-text">
							<p>LINK</p>
							<p>www.zhengzhong.com</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="bz-bottom-two">
			<div class="container two-text">
				<div class="f-w">
					<div class="two-title">
						<p>公司简介</p>
						<span>Company profile</span>
					</div>
					<div class="two-content">
						<dl>
							<dt class="zt-color">北京正中科技发展股份有限公司</dt>
							<dd>是国内首家以飞行模拟仿真体验、青少年航空科普培训、青少年国防教育、模拟飞行执照培训及考核、无人机操作手培训及考核项目的推广、投资、建设、运营公司。</dd>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>网站导航</p>
						<span>Site navigation</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>关于我们</dd>
							</a>
							<a href="#">
								<dd>新闻资讯</dd>
							</a>
							<a href="#">
								<dd>体验中心</dd>
							</a>
							<a href="#">
								<dd>业务领域</dd>
							</a>
							<a href="#">
								<dd>人才招聘</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>关于我们</p>
						<span>About company</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>集团简介</dd>
							</a>
							<a href="#">
								<dd>发展战略</dd>
							</a>
							<a href="#">
								<dd>组织架构</dd>
							</a>
							<a href="#">
								<dd>集团荣誉</dd>
							</a>
							<a href="#">
								<dd>发展历程</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>业务领域</p>
						<span>Business areas</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>航空科普</dd>
							</a>
							<a href="#">
								<dd>航空体验</dd>
							</a>
							<a href="#">
								<dd>模拟飞行执照培训</dd>
							</a>
							<a href="#">
								<dd>无人机培训</dd>
							</a>
							<a href="#">
								<dd>国防和爱国主义教育</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column" style="margin-right: 0;">
					<div class="two-title">
						<p>关注我们，查看更多信息</p>
						<span>Focus us</span>
					</div>
					<div class="two-content">
						<ul class="flex">
							<div class="icon"><i class="fa fa-qq"></i></div>
							<div class="icon"><i class="fa fa-weixin"></i></div>
							<div class="icon"><i class="fa fa-weibo"></i></div>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="bottom-three">
			<div class="container clearfix btnthree-text">
				<span class="fl">Copyright © 2018 北京正中科技发展股份有限公司　版权所有  All Rights Reserved　京ICP备88888888号-1</span>
				<span class="fr">技术支持：友汇网</span>
			</div>
		</div>
		<!--mask-->
		<div class="masks"><img src="" /></div>
		<!--video-->
		<div class="video-content">
			<div class="video-close"><i class="fa fa-close"></i></div>
			<video class="video-source" id="Media" width="60%" 　height="auto" controls="controls" style="object-fit:fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" </video>
				<source src="https://s3.bytecdn.cn/aweme/resource/web/static/image/index/new-tvc_889b57b.mp4" type="video/mp4" /> Your browser does not support the video tag.
			</video>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-4.3.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bzindex.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper('#e-swiper', {
			direction: 'horizontal',
			loop: true,
			slidesPerView: 4,
			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.b-right',
				prevEl: '.b-left',
			},
		})
		var viewHeight = document.documentElement.clientHeight
		document.addEventListener('scroll', lazyload)
		function lazyload() {
			var nav = document.querySelector('.experience-btitles');
			var nav_swiper = document.querySelector("#e-swiper");
			var rect = nav.getBoundingClientRect();
			var rect_swiper = nav_swiper.getBoundingClientRect();
			if(rect.top <= 0) {
				nav.classList.add("e-nav")
				nav.classList.add("container")
				nav_swiper.style.marginTop = "84px"
			}
			if(rect_swiper.top >= 84) {
				nav.classList.remove("e-nav")
				nav.classList.remove("container")
				nav_swiper.style.marginTop = "0px"
			}
		}
		
		
		
		$(".experience-btitles li").on("click",function(event){
			$(".experience-btitles li").removeClass("btitle-active");
			$(this).addClass("btitle-active");
			var num =  $(this).index()
			move(num);
		})
		function move(num){
			if(num==0){
				$(document).scrollTop($("#e-swiper").offset().top-84) 
			}
			if(num==1){
				$(document).scrollTop($(".experience-int").offset().top-84) 
			}
			if(num==2){
				$(document).scrollTop($("#e-video").offset().top-84) 
			}
			if(num==3){
				$(document).scrollTop($("#e-field").offset().top-84) 
			}
		}
		
		$(".e-swiper img").on("click", function() {
			var this_src = $(this)[0].src
			$(".masks").css("display", "flex");
			$(".masks img")[0].src = this_src;
		})
		$(".masks").on("click", function() {
			$(this).css("display", "none");
			$(".masks img")[0].src = "";
		})
		
		var Media = document.querySelector("#Media")
		$(".video-close").on("click", function() {
			Media.pause();
			$(".video-content").css("display", "none")
		})
		$(".yl-video").on("click", function() {
			$(".video-content").css("display", "flex");
		})
//		document.body.addEventListener('touchmove', function(e) {
//			e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
//		}, {
//			passive: false
//		})
	</script>

</html>